@charset "utf-8";

@import url(base.css);

html,body{background: #f5f5f5;}

/*顶部*/
.qqss{display:none;}
.lxqqss{display:none;}
nav{width: 100%;height: 40px;background: #0253b9;padding: 0 80px;box-sizing: border-box;}

.navcons{width: 100%;margin: 0 auto;}

.navleft{float: left;height: 40px;line-height: 40px;}

.navleft span{font-size: 14px;color: #fff;}

.navright{float: right;}

.navtall{float: right;padding-top: 7px;box-sizing: border-box;margin-left: 32px;}

.navtall p{font-size: 18px;color: #fff;font-weight: bold;}

.navtall i{display: inline-block;width: 24px;height: 24px;background: url(../img/tall.png) no-repeat;background-size: 100% 100%;vertical-align: -5px;margin-right: 10px;}

.navchina{float: right;padding-top: 8px;box-sizing: border-box;position: relative;height: 40px;margin-left: 16px;}

.navchina>a span{font-size: 14px;color: #fff;}

.navchina i{display: inline-block;width: 16px;height: 16px;background: url(../img/ens.png) no-repeat;background-size: 100% 100%;margin-right: 7px;vertical-align: -3px;}

.navchina>a strong{display: inline-block;width: 8px;height: 4px;background: url(../img/jiao.png) no-repeat;background-size: 100% 100%;vertical-align: 2px;

margin-left: 4px;}

.english{width: 70px;height: 30px;background: #0253b9;position: absolute;top: 40px;left: 0;line-height: 30px;display: none;}

.english a{display: block;text-align: center;font-size: 14px;color: #fff;}

.navdianshang{float: right;padding-top: 8px;box-sizing: border-box;margin-left: 16px;}

.navdianshang a{display: block;font-size: 14px;color: #fff;padding: 3px 17px;box-sizing: border-box;background: rgba(0,0,0,0.5);border-radius: 25px;}

.navseach{float: right;position: relative;padding-top: 8px;box-sizing: border-box;}

.navseach input{width: 198px;height: 24px;border: 1px solid #fff;border-radius: 25px;background: transparent;font-size: 12px;color: #fff;padding-left: 10px;

padding-right: 26px;box-sizing: border-box;}

.navseach button{position: absolute;background: url(../img/seach.png) no-repeat;background-size:100% 100%;width: 16px;height: 16px;border: 0;right: 8px;top: 11px;}

.header{width: 100%;height: 100px;padding: 0 80px;box-sizing: border-box;background: #fff;}

.headerleft{float: left;padding-top: 25px;box-sizing: border-box;}

.headerleft a{ display: block; font-size: 0;}

.headerleft a img{width: 100%;}

.headerright{float: right;}

.headerright ul li{float: left;margin-right: 26px;height: 100px;line-height: 100px;position: relative;}

.headerright ul li:before{content: "";width: 0%;height: 2px;background: #0253b9;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);

transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.headerright ul li:first-child{margin-right: 40px;}

.headerright ul li:last-child{margin-right: 0;}

.headerright ul li a{font-size: 16px;color: #212121;display: block;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.headerright ul li:hover:before{width: 100%;}

.headerright ul li:hover a{color: #0253b9;white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;}

.headerright ul .on:before{width: 100%;}

.headerright ul .on a{color: #0253b9;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.nav_box{width: 196px;background: #fff;padding: 0 0px 10px 0px;box-sizing: border-box;position: absolute;top: 100px;left: -65px;display:none;z-index: 300;}

.nav_box>a{display: block;height: 39px;line-height: 39px;border-bottom: 1px solid #dfdfdf;font-size: 14px;color: #666;text-align: center;

transition:.2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;}

.nav_box>a:hover{background: #f5f5f5;color: #004099;}

.nav_box>.only{background: #f5f5f5;color: #004099;}
.headerright ul li:nth-child(3) .nav_box{width: 392px;overflow: hidden;}
.headerright ul li:nth-child(3) .nav_box a{float: left;width: 50%;text-align: left;padding-left: 20px;box-sizing: border-box;}
.headerright ul li:nth-child(4) .nav_box{width: 392px;overflow: hidden;}
.headerright ul li:nth-child(4) .nav_box a{float: left;width: 50%;text-align: left;padding-left: 20px;box-sizing: border-box;}
/*手机导航*/

.mobile{width: 100%;height: 50px; background: #fff;display: none;}

.menu{height: 50px;position: absolute;top: 0;left: 0px;}

.mobile-inner-header-icon{color: #444444;height: 45px;font-size:25px;text-align: center;float:left;width: 40px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;z-index: 500}

.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px; background-color: #0253b9;}

.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}

.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);} 

.mobile-inner-header-icon span:nth-child(3){transform: translateY(12px) rotate(0deg);}

.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}   

.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

@keyframes clickfirst {0% {transform: translateY(4px) rotate(0deg);}100% {transform: translateY(0) rotate(45deg);}} 

@keyframes clicksecond {0% {transform: translateY(-4px) rotate(0deg);}100% {transform: translateY(0) rotate(-45deg);}} 

.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}   

.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {0% {transform: translateY(0) rotate(-45deg);}100% {transform: translateY(-4px) rotate(0deg);}} 

@keyframes outsecond {0% {transform: translateY(0) rotate(45deg);}100% {transform: translateY(4px) rotate(0deg);}}

.mobilelogo{width: 100%;text-align: center;padding-top: 10px;box-sizing: border-box;}

.mobilelogo a{display: inline-block;font-size: 0;}

.mobilelogo a img{width: 60%;}

.mobilesea{position: absolute;top: 16px;right: 10px;}

.mobilesea a{display: block;width: 18px;height: 18px;background: url(../img/moblle.png) no-repeat;background-size: 100% 100%;}

.mobilenav{position: fixed;top: 0;left: 0;width: 70%;background: #CCCCCC;height: 100%;z-index: 1000;}

.navcon{width: 70%;position: fixed;top: 0;left: -70%;height: 100%;background: #333;z-index: 1000;transition:.35s;-moz-transition: .35s;-webkit-transition: .35s;-o-transition: .35s;}

.navgb{width: 100%;height: 50px;background: #333;}

.navgb i{display: block;width: 20px;height: 20px;float: right;margin-top: 15px;margin-right: 15px;}

.navlist{width: 100%;height: 93%;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

.navlist>ul>li{width: 100%;}

.navlist>ul>li>a{display: block;font-size: 14px;color: #212121;position: relative;color: #fff;padding: 9px 15px;box-sizing: border-box;

border-bottom: 1px solid #fff;background: #1a2e55;overflow: hidden; en; */white-space: nowrap;text-overflow: ellipsis;}

.navlist>ul>li>a>i{position: absolute;top: 9px;right: 10px;transition: all 0.4s;}

.navlist>ul>.on>a>i{transform: rotate(90deg);}

.chanpin{display: none;}

.chanpin>ul>li>a{display: block;font-size: 14px;color: #212121;position: relative;color: #fff;padding: 9px 15px 9px 20px;box-sizing: border-box;border-bottom: 1px solid #fff;

background: #2467c1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.procon{width: 100%;display: none;}

.procon>ul>li{width: 100%;}

.procon>ul>li>a{display: block;font-size: 14px;color: #212121;position: relative;color: #fff;padding: 9px 15px 9px 30px;box-sizing: border-box;border-bottom: 1px solid #fff;

background: #49525E;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.chanpin>ul>li>a>i{position: absolute;top: 9px;right: 10px;transition: all 0.4s;}

.chanpin>ul>.an a i{transform: rotate(90deg);}

/*banner*/

.banner{width: 100%;}

.bannercon{width: 100%;}

.bannercon ul li{width: 100%;}

.bannercon ul li a{font-size: 0;display: block;width: 100%;}

.bannercon ul li a img{width: 100%;}

.yuan .swiper-pagination-bullet{position: relative;width: 8px !important;height: 8px !important;margin: 0 8px !important;background: #fff !important;opacity: 0.9;}

.yuan .swiper-pagination-bullet-active{background: #c8c8cd !important;width: 10px;height: 10px;position: relative;}

.yuan .swiper-pagination-bullet-active:before{content: "";position: absolute;top: -4px;left: -3px;width: 12px;height: 12px;background: #c8c8cd;border-radius: 50%;border: 2px solid #fff;}

.banners{width: 100%;height: 140px;display: none;}

.bannercons{width: 100%;height: 140px;}

.bannercons ul li{width: 100%;height: 140px;}

.bannercons ul li a{display: block;font-size: 0;height: 140px;}

.bannercons ul li a img{width: 100%;}

.about{width: 100%;padding: 0 10%;box-sizing: border-box;}

.aboutcon{width: 100%;padding: 55px 0 40px 0;box-sizing: border-box;}

.title{width: 100%;}

.title h4{font-size: 20px;color: #444;font-weight: 500;margin-bottom: 5px;}

.title p{font-size: 14px;color: #c1c1c1;}

.aboutlist{width: 100%;}

.abutleft{float: left;padding-top: 45px;box-sizing: border-box;width: 40%;}

.abutleft h5{font-size: 18px;color: #0253b9;font-weight: 500;margin-bottom: 10px;}

.abutleft span{font-size: 14px;color: #757575;margin-bottom: 45px;display: block;}

.abutleft .abouttext{margin-bottom: 40px;}

.abutleft .abouttext p{font-size: 14px;color: #212121;line-height: 28px;}

.abutleft a{display: block;width: 120px;height: 38px;text-align: center;line-height: 38px;font-size: 14px;color: #fff;background: #0253b9;}

.aboutconer{float: left;width: 20%;font-size: 0;text-align: center;}

.aboutconer img{display: inline-block;}

.abutright{float: right;width: 30%;font-size: 0;padding-top: 10px;box-sizing: border-box;}

.abutright img{width: 100%;cursor: pointer;}

.shipin{background: #fff;display: none;}

.shipin video{width: 100%;}

.chanpins{width: 100%;padding: 0 10%;box-sizing: border-box;}

.chanpincon{width: 100%;padding: 40px 0;box-sizing: border-box;}

.titlecon{width: 100%;margin-bottom: 40px;}

.titleleft{float: left;}

.titleleft h4{font-size: 20px;color: #444;font-weight: 500;margin-bottom: 5px;}

.titleleft p{font-size: 14px;color: #c1c1c1;}

.titleright{float: right;padding-top: 9px;box-sizing: border-box;}

.titleright ul{float: left;}

.titleright ul li{float: left;margin-right: 40px;position: relative;}

.titleright ul li:before{content: "";width: 0%;height: 2px;background: #0253b9;position: absolute;bottom: -8px;

left: 50%;transform: translateX(-50%);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.titleright ul li a{font-size: 16px;color: #212121;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.titleright>a{float: right;font-size: 16px;color: #212121;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.titleright>a i{display: inline-block;width: 18px;height: 4px;background: url(../img/more.png) no-repeat;background-size: 100% 100%;vertical-align: 4px;

transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.titleright>a:hover{color: #0253b9;}

.titleright>a:hover i{background: url(../img/mores.png) no-repeat;}

.titleright ul .on:before{width: 100%;}

.titleright ul .on a{color: #0253b9;}

.titleright ul li:hover:before{width: 100%;}

.titleright ul li:hover a {color:#0253b9;}

.chanpinlist{width: 100%;border-bottom: 1px solid #ababab;padding-bottom: 60px;box-sizing: border-box;}

.chanpinlistcon div{display: none;}

.chanpinlistcon ul li{float: left;width: 15%;text-align: center;margin-right: 2%;}

.chanpinlistcon ul li:last-child{margin-right: 0;}

.chanpinlistcon ul li a{display: block;font-size: 0;}

.chanpinlistcon ul li a img{width:228px;height:228px;display: inline-block;margin-bottom: 30px;}

.chanpinlistcon ul li a p{font-size: 14px;color: #212121;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;

overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.chanpinlistcon ul li:hover p{color: #0253b9;}

.cpzhanshi{width: 100%;padding: 0 10%;box-sizing: border-box;}

.cpzhanshicon{width: 100%;padding: 40px 0;box-sizing: border-box;}

.cplist{width: 100%;}

.cplist ul li{float: left;width: 19%;margin-right: 1.2%;background: #fff;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.cplist ul li:last-child{margin-right: 0;}

.cplist ul li a{display: block;}

.cpimg{width: 100%;text-align: center;padding: 22px 22px 20px 22px;box-sizing: border-box;}

.cpimg img{display: inline-block;width:228px;height:228px !important;}

.cptext{width: 100%;padding: 0 22px;box-sizing: border-box;}

.cptext p{font-size: 14px;color: #212121;display: -webkit-box;line-height: 24px;margin-bottom: 15px;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.cptext i{display: block;width: 18px;height: 4px;background: url(../img/more.png) no-repeat;background-size: 100% 100%;

transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 23px;}

.cplist ul li:hover{box-shadow: 0 0 20px #d5d6dd;}

.cplist ul li:hover .cptext p{color: #0253b9;}

.cplist ul li:hover .cptext i{background: url(../img/mores.png) no-repeat;}

.daili{width: 100%;padding: 0 10%;box-sizing: border-box;background: #fff;}

.dailicon{width: 100%;padding: 40px 0;box-sizing: border-box;}

.dlcon{width: 100%;}

.dlcon ul li{float: left;width: 19%;margin-right: 1.2%;background: #fff;position: relative;overflow: hidden;

transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.dlcon ul li:last-child{margin-right: 0;}

.dlcon ul li a{display: block;font-size: 0;}

.dlbj{width: 100%;height: 0%;position: absolute;bottom: 0;left: 0;background: rgba(2,83,185,0.7);transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;

padding: 0 10px;box-sizing: border-box;text-align: center;display: flex;justify-content: center;align-items: center;}

.dlbj p{font-size: 16px;color: #fff;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.dlbj p:before{content: "";width: 40px;height: 1px;background: #fff;position: absolute;top: -16px;left: 50%;margin-left: -20px;}

.dlbj p:after{content: "";width: 40px;height: 1px;background: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -20px;}

.dlcon ul li:hover .dlbj{height: 100%;}

footer{width: 100%;padding: 150px 10% 62px 10%;box-sizing: border-box;background: url(../img/footer.png) no-repeat;}

.footertop{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.56); padding-bottom: 50px;box-sizing: border-box;}

.footerleft{float: left;}

.footertext{float: left;margin-right: 20px;}

.footertext:last-child{margin-right: 0;}

.footertext h5{font-size: 16px;font-weight: 500;color: #fff;margin-bottom: 24px;}

.footertext p a{font-size: 12px;color: #fff;opacity: 0.8;line-height: 24px;}

.footeright{float: right;}

.left{float: left;}

.leftcon>i{float: left;width: 40px;height: 40px;background: url(../img/talls.png) no-repeat;background-size: 100% 100%;margin-right: 15px;margin-top: 3px;}

.ftalls{float: left;margin-right: 50px;}

.ftalls p{font-size: 14px;color: #fff;}

.ftalls span{display: block;font-size: 24px;color: #fff;}

.fatllcon{margin-top: 25px;}

.fatllcon p{font-size: 14px;color: #fff;opacity: 0.8;}

.flianxi{margin-top: 25px;}

.flianxi a{float: left;width: 80px;height: 20px;border-radius: 25px;background: #fff;font-size: 12px;color: #212121;text-align: center;

line-height: 20px;margin-right: 18px;}

.flianxi a:last-child{margin-right: 0;}

.flianxi .zaixian i{display: inline-block;width: 12px;height: 11px;background: url(../img/zx.png) no-repeat;background-size: 100% 100%;margin-right: 2px;vertical-align: -1px;}

.flianxi .zxqq i{display: inline-block;width: 12px;height: 11px;background: url(../img/qq.png) no-repeat;background-size: 100% 100%;margin-right: 2px;vertical-align: -1px;}

.right{float: right;text-align: center;}

.right p{width: 90px;height: 90px;padding:5px;box-sizing: border-box;background: #fff;margin-bottom: 10px;}

.right span{font-size: 13px;color: #fff;opacity: 0.8;}

.footerbut{width: 100%;text-align: center;padding-top: 20px;box-sizing: border-box;}

.footerbut p{font-size: 12px;color: #fff;opacity: 0.8;}



.bannered{width: 100%;font-size: 0;}

.bannered img{width: 100%;}

.new{width: 1180px;padding: 80px 30px;box-sizing: border-box;margin: 0 auto;}

.titles{width: 100%;margin-bottom: 50px;text-align:center;}

.titles p{font-size: 24px;color: #888;}

.titles h4{font-size: 24px;color: #888;font-weight: 500;}

.newcon{width: 100%;}

.newleft{float: left;width: 40%;}

.newleft a{display: block;}

.newtext{padding-top: 40px;box-sizing: border-box;}

.newtext h5{font-size: 24px;color: #212121;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

margin-bottom: 20px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.newtext p{font-size: 16px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;

margin-bottom: 40px;}

.newleft:hover .newtext h5{color: #0253b9;}

.newtext span{font-size: 16px;color: #888;}

.newright{float: none;width: 100%;}

.newright ul li{width: 100%;margin-bottom: 60px;}

.newright ul li:last-child{margin-bottom: 0;}

.newright ul li a{display: block;}

.neimg{font-size: 0;float: left;width: 40%;overflow: hidden;text-align: center;}

.neimg img{width: 200px;height:170px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.netext{float: right;width: 60%;}

.netext h5{font-size: 24px;color: #212121;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

margin-bottom: 20px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.netext p{font-size: 16px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;

margin-bottom: 40px;}

.netext span{font-size: 16px;color: #888;}

.newright ul li:hover .netext h5{color: #0253b9;}

.newright ul li:hover .neimg img{-webkit-transform: scale(1.2) ;-moz-transform: scale(1.2) ;-o-transform: scale(1.2) ;-ms-transform: scale(1.2) ;transform: scale(1.2) ;}

.about_cp{width: 100%;padding: 60px 10%;box-sizing: border-box;}

.cplisted{width: 60%;margin: 0 auto;margin-bottom: 55px;}

.cplisted ul li{float: left;width: 125px;height: 50px;text-align: center;line-height: 50px;background: #f5f5f5;margin-right: 15px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.cplisted ul li a{display: block;font-size: 16px;color: #212121;

transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.cplisted ul li:hover{background: #0253b9;}

.cplisted ul .on{background: #0253b9;}

.cplisted ul .on a{color: #fff;}

.cplisted ul li:hover a{color: #fff;}

.cplister{width: 100%;}

.cplister ul li{width: 100%;margin-bottom: 32px;cursor: pointer;}

.cplister ul li:last-child{margin-bottom: 0;}

.cplister ul li span{width: 100%;border: 1px solid #ccc;height: 98px;padding: 0 40px;box-sizing: border-box;

line-height: 98px;display: block;}

.cplister ul li span strong{font-size: 28px;color: #212121;font-weight: 500;float: left;}

.cplister ul li span i{float: right;background: url(../img/add.png) no-repeat;width: 40px;height: 40px;margin-top: 25px;}

.cplister ul .on span i{background: url(../img/ajj.png) no-repeat;margin-top: 47px;}

.cpconter{width: 100%;padding: 50px 40px 70px 40px;box-sizing: border-box;border: 1px solid #ccc;border-top: 0;display: none;}

.cpconter p{font-size: 20px;color: #212121;line-height: 35px;}

.qylister{width: 100%;}

.qylister ul li{float: left;width: 24%;margin-right: 1.3%;text-align: center;margin-bottom: 30px;}

.qylister ul li:nth-child(4n){margin-right: 0;}

.qyimg{width: 100%;margin-bottom: 30px;background: #fff;border: 20px solid #e8e8e8;padding: 30px;box-sizing: border-box;}

.qylister ul li p{font-size: 28px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.jslister{max-width: 1180px;margin: 0 auto;}

.jslister h4{font-size: 32px;color: #212121;font-weight: 500;text-align: center;margin-bottom: 35px;}

.jslister p{font-size: 16px;color:#212121;line-height: 32px;}

.jslister h5{font-size: 24px;color: #212121;font-weight: 500;margin-top: 14px;margin-bottom: 20px;text-align: center;}

.jslister img{width: 100%;margin-top: 25px;}

.yjzs{width: 100%;}

.yjzs ul li{float: left;width: 24%;margin-right: 1.3%;margin-bottom: 40px;}

.yjzs ul li:nth-child(4n){margin-right: 0;}

.yjlist{width: 100%;font-size: 0;border: 1px solid #ccc;margin-bottom: 30px;}

.yjlist img{width: 100%;}

.yjzs ul li p{font-size: 20px;color: #212121;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.cpconters{padding: 50px 40px;}

.cpconters p{margin-bottom: 20px;}

.wjxz{width: 100%;}

.wjxz ul li{width: 100%;border: 1px solid #ccc;height: 98px;padding: 0 40px;box-sizing: border-box;

line-height: 98px;display: block;margin-bottom: 32px;cursor: pointer;}

.wjxz ul li a{display: block;width: 100%;}

.wjxz ul li span{font-size: 28px;color: #212121;float: left;}

.wjxz ul li i{float: right;background: url(../img/xz.png) no-repeat;width: 40px;height: 38px;background-size: 100% 100%;margin-top: 30px;}

.wjxz ul li:hover span{color: #0253B9;}

.wjxz ul li:hover i{background: url(../img/xz1.png) no-repeat;}

.gslister{max-width: 1180px;margin: 0 auto;}

.gslister h4{font-size: 38px;color: #212121;font-weight: 500;margin-bottom: 38px;}

.gslisters{width: 100%;margin-bottom: 30px;}

.gslisters p{font-size: 16px;color: #212121;line-height: 32px;}

.gsimg{width: 100%;}

.gsimg ul li{width: 25%;float: left;}

.gsimged{width: 100%;position: relative;font-size: 0;}

.gsimged img{width: 100%;}

.gstext{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;}

.gstext .bj{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.gstextcon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}

.gstext h5{font-weight: 500;font-size: 18px;color: #fff;text-align: center;margin-bottom: 5px;}

.gstext p{font-size: 12px;color: #fff;text-align: center;margin-bottom: 15px;}

.gstext span{font-size: 14px;color: #fff;display: block;text-align: center;padding: 0 15px;box-sizing: border-box;

display: none;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.gsimg ul li:hover .gstext .bj{background: rgba(2,83,185,0.7);}

.gsimg ul li:hover .gstext span{display: block;}

.ldlister{width: 100%;}

.ldlister ul li{float: left;width: 24%;margin-right: 1.3%;margin-bottom: 40px;}

.ldlister ul li:nth-child(4n){margin-right: 0;}

.ldimg{width: 100%;font-size: 0;margin-bottom: 30px;}

.ldimg img{width: 100%;}

.ldtext p{font-size: 28px;color: #333333;}

.ldtext p span{font-size: 14px;color: #333;}

.xhkc{width: 100%;}

.xhkcleft{float: left;width: 22%;margin-right: 3%;}

.xhkcleft h4{font-size: 26px;color: #0253b9;font-weight: 500;margin-bottom: 38px;}

.xhkcleft ul li{width: 100%;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xhkcleft ul .on a{color: #0253b9;}

.xhkcleft ul li a{display: block;font-size: 18px;color: #212121;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.xhkcleft ul li:hover a{color: #0253b9;}

.xhkcright{width: 75%;float: right;padding-top: 40px;box-sizing: border-box;}

.xhkcright h5{font-size: 20px;color: #212121;font-weight: 500;margin-bottom: 35px;}

.xhtext{width: 100%;}

.xhtext p{font-size: 16px;color: #888;line-height: 28px;}

.xhlist{width: 100%;margin-top: 60px;}

.xhlist ul li{float: left;width: 18%;margin-right: 1.25%;border: 1px solid #ccc;background: #fff;margin-bottom: 1.25%;}

.xhlist ul li a{display: block;}

.xhlist ul li:nth-child(5n){margin-right: 0;}

.xhtexted{width: 100%;padding: 0 22px;box-sizing: border-box;}

.xhtexted p{font-size: 14px;color: #212121;display: -webkit-box;line-height: 24px;margin-bottom: 15px;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.xhtexted i{display: block;width: 18px;height: 4px;background: url(../img/more.png) no-repeat;background-size: 100% 100%;

transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;margin-bottom: 23px;}

.xhlist ul li:hover{box-shadow: 0 0 20px #d5d6dd;}

.xhlist ul li:hover .xhtexted p{color: #0253b9;}

.xhlist ul li:hover .xhtexted i{background: url(../img/mores.png) no-repeat;}

.lxwm{width: 100%;background: #fff;}

.lxwmcon{width: 1180px;margin: 0px auto;padding: 65px 0;box-sizing: border-box;}

.lxwmleft{float: none;width: 100%;margin-right: 0%;border: 1px solid #ddd;padding: 28px 40px 58px 40px;box-sizing: border-box;min-height: 371px;}

.lxwmtop{width: 100%;}

.lxtext{float: left;padding-top: 20px;box-sizing: border-box;}

.lxtext h4{font-size: 28px;color: #212121;font-weight: 500;}

.lximg{float: right;}

.lxconter{width: 100%;margin-top: 40px;display: flex;justify-content: center;}

.lxtell{float: left;}

.lxtell p{font-size: 14px;color: #21212;line-height: 28px;}

.lxdizhi{float: left;margin-left: 15%;}

.lxdizhi p{font-size: 14px;color: #21212;line-height: 28px;}

.lxtall{width: 100%;margin-top: 40px;}

.lxtall a{display: block;width: 112px;height: 38px;border: 1px solid #0253b9;text-align: center;line-height: 38px;

font-size: 14px;color: #0253b9;margin: 0 auto;}

.lxwmright{float: right;width: 48%;border: 1px solid #ddd;padding: 28px 40px 58px 40px;box-sizing: border-box;min-height: 371px;}

.cpxs{width: 100%;background: #f3f3f3;}

.cpxscon{width: 1180px;padding: 65px 0;box-sizing: border-box;margin: 0 auto;}

.cpxscon h4{font-size: 32px;color: #212121;font-weight: 500;text-align: center;margin-bottom: 55px;}

.cpxslist{width: 100%;}

.cpxslist ul li{float: left;width: 32%;margin-right: 2%;background: #fff;margin-bottom: 2%;

padding:24px;box-sizing: border-box;}

.cpxslist ul li:nth-child(3n){margin-right: 0;}

.cpxsleft{float: left;font-size: 0;margin-right: 25px;width: 132px;height: 70px;text-align: center;line-height: 70px;}

.cpxsleft img{display: inline-block;vertical-align: middle;}

.cpxsright{float: left;}

.cpxsright h5{font-size: 20px;color: #212121;font-weight: 500;margin-bottom: 10px;}

.cpxsright h5 span{font-size: 14px;}

.cpxsright p{font-size: 20px;color: #212121;}

.qgxs{width: 100%;background: #fff;}

.qgxscon{width: 1180px;padding: 65px 0;box-sizing: border-box;margin: 0 auto;}

.qgxscon h4{font-size: 32px;color: #212121;font-weight: 500;text-align: center;margin-bottom: 55px;}

.qglist{width: 100%;}

.qglist ul li{float: left;width: 48%;border: 1px solid #ddd;margin-right: 4%;margin-bottom: 4%;padding: 63px 40px;box-sizing: border-box;}

.qglist ul li:nth-child(2n){margin-right: 0;}

.qglist ul li h5{font-size: 28px;font-weight: 500;color: #212121;margin-bottom: 39px;}

.qglist ul li p{font-size: 14px;color: #21212;line-height: 28px;}

.qglist ul li p span{margin-right: 20px;}

.xhtexts p{margin-bottom: 20px;color:#212121;}

.fmcon{width: 100%;/*border-bottom: 1px solid #ababab;*/margin-bottom: 45px;padding-bottom: 55px;box-sizing: border-box;}

.xhkcrighted{width: 62%;float: left;margin-right: 3%;}

.fmright{float: right;width: 35%;}

.fmrightcon{width: 100%;}

.fmimg{width: 100%;border: 1px solid #ccc;text-align: center;box-sizing: border-box;position: relative;}

.fmimg img{display: inline-block;width: 100%;}

.fmimg i{display: block;width: 34px;height: 34px;background: url(../img/fd.png) no-repeat;background-size: 100% 100%;position: absolute;

bottom: 10px;right: 10px;}

.fmiconer{width: 100%;position: relative;padding: 0 14px;box-sizing: border-box;margin-top: 18px;}

.fmier{width: 100%;}

.fmier ul li{width: 65px !important;border: 1px solid #cfcfcf;}

.fmnext{position: absolute;width: 14px;height: 26px;top: 75%;right: -3px !important;margin-top: -25px;z-index: 9999;cursor: pointer;}

.fmprev{position: absolute;width: 14px;height: 26px;top: 70%;left: -4px !important;margin-top: -25px;z-index: 9999;cursor: pointer;}

.dailis{width: 100%;padding-top: 40px;box-sizing: border-box;}

.dailis h4{font-size: 20px;color: #444;font-weight: 500;margin-bottom: 5px;}

.dailis p{font-size: 14px;color: #c1c1c1;margin-bottom: 24px;}

.dlcons{width: 100%;background: #f8f8f8;}

.dlcons ul li{background: #f8f8f8;width: 100%;text-align: center;padding: 23px 0;box-sizing: border-box;}

.dlcons ul li img{display: inline-block;}

.fmnexts{position: absolute;width: 14px;height: 26px;top: 50%;right: 2px !important;margin-top: -25px;z-index: 9999;cursor: pointer;}

.fmprevs{position: absolute;width: 14px;height: 26px;top: 50%;left: 2px !important;margin-top: -25px;z-index: 9999;cursor: pointer;}

.zlxz{width: 100%;}

.zlxz h4{font-size: 20px;color: #444;font-weight: 500;margin-bottom: 5px;}

.zlxz p{font-size: 14px;color: #c1c1c1;margin-bottom: 24px;}

.wjxzs ul li{height: 38px;line-height: 38px;padding: 0 19px;margin-bottom: 20px;}

.wjxzs ul li span{font-size: 16px;}

.wjxzs ul li i{width: 20px;height: 20px;margin-top: 10px;}

.wjxzs ul li:hover i{background-size: 100% 100%;}

.tc{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}

.tcbj{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);}

.tcbox{position: absolute;top: 50%;left: 50%;background: #fff;transform: translate(-50%,-50%);padding: 20px;box-sizing: border-box;}

.tcbox i{position: absolute;top: 0;right: 0;width: 40px;height: 40px;

background: #ccc url(../img/menu-close.svg) center center no-repeat;cursor: pointer;}



/*后加*/

.gsnew{width: 100%;}

.daililefts{float: left;width: 70%;}

.gsnew ul li{width: 47%;float: left;margin-right: 6%;margin-bottom: 20px;}

.gsnew ul li:nth-child(2n){margin-right: 0;}

.gsnew ul li a{display: block;}

.gsnew ul li p{float: left;font-size: 14px;color: #212121;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;

overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 50%;}

.gsnew ul li span{float: right;font-size: 14px;color: #333;}

.gsnew ul li:hover p{color: #0253b9;}

.dailirights{float: right;width: 25%;}

.dailinput{width: 100%;}

.dailinput input{width: 70%;height: 40px;font-size: 14px;color: #333;padding: 0 10px;box-sizing: border-box;border: 1px solid #ccc;float: left;

border-right: 0;border-radius: 5px 0 0 5px;}

.dailinput button{width: 30%;float: left;height: 40px;color: #fff;background: #0253b9;font-size: 14px;border: 0;border-radius: 0 5px 5px 0;}
.dailinput a{width: 30%;float: left;height: 40px;color: #fff;background: #0253b9;font-size: 14px;border: 0;border-radius: 0 5px 5px 0;line-height: 40px;
text-align: center;}
.dailinput a:hover{ color:#FFF}
.cplisters{width: 100%;}

.cplisters ul li{margin-bottom: 1.2%;}

.cplisters ul li:nth-child(5n){margin-right: 0;}

.cplisters .cptext p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*新增*/
.addtitle{width: 80%;margin-bottom: 30px;}
.addleft{float: left;}
.addleft i{float: left;width: 20px;height: 40px;background: #ccc;transform: skewX(35deg);margin-right: 5px;}
.addleft i:first-child{background: #595959;}
.addleft i:last-child{background: #5a9ad7;}
.addtitle h5{width: 70%;float: left;height: 40px;border-radius: 4px;background: #7c7c7c;padding: 0 30px;
box-sizing: border-box;overflow: hidden;font-size: 18px;color: #fff;font-weight: 500;
text-overflow:ellipsis;margin-bottom: 0;margin-left: 15px;box-shadow: 0 0px 10px rgba(0,0,0,0.5);
white-space: nowrap;line-height: 40px;}
.addimg{float: left;width: 14%;margin-left: 2%;margin-top: 5px;}
.addconter{width: 85%;border-radius: 8px;border:1px dashed #ccc;box-shadow: 5px 0 7px rgba(0,0,0,0.5);
padding: 20px;box-sizing: border-box;}
.addconleft{float: left;width: 35%;font-size: 0;margin-left: 26px;}
.addcontight{float: right;width: 40%;}
.addcontight h5{font-size: 18px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
margin-bottom: 4px;}
.addcontight h5 i{display: inline-block;width: 40px;height: 48px;vertical-align: -22px;margin-right: 5px;}
.addcontight h5 i img{width: 100%;}
.addcontight p{font-size: 16px;color: #333;margin-bottom: 0;}
.addlasttext{margin-top: 15px;}
.addlasttext p{font-size: 16px;color: #333;margin-bottom: 0;line-height: 1.5;}

/*自适应*/

@media screen and (max-width:1600px) {
.qqs{display: block;}
.lxqqs{display:block;}
	footer{padding: 150px 7% 62px 7%;}

}

@media screen and (max-width:1440px) {
.qqs{display: block;}
.lxqqs{display:block;}
	footer{padding: 150px 4% 62px 4%;}

	.cplisters ul li{margin-right: 1.3%;width: 24%;margin-bottom: 1.3%;}

	.cplisters ul li:nth-child(5n){margin-right: 1.3%;}

	.cplisters ul li:nth-child(4n){margin-right: 0;}

	

}

@media screen and (max-width:1366px) {
.qqs{display: block;}
.lxqqs{display:block;}
	.nav_box{top:80px;}

	.header{height: 80px;}

	.headerleft{padding-top: 20px;}

	.headerright ul li{height: 80px;line-height: 80px;margin-right: 18px;}

	.headerright ul li:first-child{margin-right: 30px;}

	.headerright ul li a{font-size: 14px;}

	.headerleft a img{width: 75%;}

	.qylister ul li p{font-size: 22px;}

	.yjzs ul li{margin-bottom: 20px;}

	.yjlist{margin-bottom: 15px;}

	.yjzs ul li p{font-size: 16px;}

	.ldlister ul li{margin-bottom: 20px;}

	.ldimg{margin-bottom: 15px;}

	.ldtext p{font-size: 22px;}

	.xhtext p{font-size: 16px;}

	.xhtexted{padding: 0 10px;}

	footer{padding: 150px 2% 45px 2%;}

}

@media screen and (max-width:1200px) {
.qqs{display: block;}
.lxqqs{display:block;}
	

}

@media screen and (max-width:1024px) {
.qqs{display: none;}
.lxqqs{display:none;}
	nav{padding: 0 40px;}

	.header{padding: 0 40px;}

	.about{padding: 0 40px;}

	.chanpins{padding: 0 40px;}

	.cpzhanshi{padding: 0 40px;}

	.new{padding: 40px;}

	.daili{padding: 0 40px;}

	.about_cp{padding: 30px 40px;}

	.cplisted ul li{width: 125px;}

	.headerright ul li{margin-right: 15px;}

	.headerright ul li:first-child{margin-right: 20px;}

	.headerleft{width: 25%;}

	.headerleft a img{width: 100%;}

	footer{padding: 80px;}

	.footerleft{width: 100%;float: none;}

	.footeright{display: none;}

	.newright ul li{margin-bottom: 30px;}

	.netext h5{margin-bottom: 10px;}

	.netext p{margin-bottom: 15px;}

	.gstext .bj{background: rgba(2,83,185,0.7);}

	.gsimg ul li .gstext span{display: block;}

	.lxwmcon,.cpxscon,.qgxscon{width: 100%;padding: 0 20px;box-sizing: border-box;}

	.cpxscon{padding: 65px 20px;}

	.lxwmleft{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}

	.lxwmright{width: 100%;float: none;margin-right: 0;}

	.cpxslist ul li{width: 48%;margin-right: 4%;}

	.cpxslist ul li:nth-child(2n){margin-right: 0;}

	.cpxslist ul li:nth-child(3){margin-right: 4%;}

	.kcpzlefts{display: none;}

	.kcpzrights{display: none;}

	.new{width: 100%;}

	.daililefts{float: none;width: 100%;}

	.dailirights{display: none;}
	.addleft {display: none;}
	.addimg{width: 20%;}
	.addconleft{width: 100%;}
	.addcontight{width: 100%;}

}

@media screen and (max-width:768px) {
	.qqss{display: block;}
	.lxqqss{display:block;}
	nav{display: none;}

	.header{display: none;}

	.mobile{display: block;}

	.aboutcon{padding: 25px 0;}

	.abutleft{float: none;width: 100%;padding-top: 20px;}

	.aboutconer{float: left;width: 45%;}

	.abutright{float: right;width: 45%;}

	.abutleft span{margin-bottom: 20px;}

	footer{padding: 40px 20px;}

	.abutleft .abouttext{margin-bottom: 20px;}

	.abutleft a{margin-bottom: 20px;}

	.titles{margin-bottom: 20px;}

	.newtext{padding-top: 20px;}

	.newtext p{margin-bottom: 15px;}

	.netext p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-bottom: 10px;}

	.cplisted{display: none;}

	.cplister ul li span{height: 68px;padding: 0 20px;line-height: 68px;}

	.cplister ul li span strong{font-size: 20px;}

	.cplister ul li span i{width: 20px;height: 20px;background-size: 100% 100%;}

	.cplister ul .on span i{margin-top: 32px;}

	.cpconter{padding: 20px 20px 30px 20px;}

	.cpconter p{font-size: 16px;}

	.qyimg{padding: 10px;border: 10px solid #e8e8e8;margin-bottom: 15px;}

	.gsimg ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}

	.gsimg ul li:nth-child(2n){margin-right: 0;}

	.xhkcleft{display: none;}

	.xhkcright{width: 100%;float: none;}

	.gsnew ul li p{width: 65%;}

	.cplisters ul li{margin-right: 1.3%;width: 32%;margin-bottom: 1.3%;}

	.cplisters ul li:nth-child(3n){margin-right: 0;}

	.cplisters ul li:nth-child(4n){margin-right: 1.3%;}

	.cplisters ul li:nth-child(5n){margin-right: 1.3%;}

}

@media screen and (max-width:568px) {
	.qqss{display: block;}
.lxqqss{display:block;}
	.banner{display: none;}

	.banners{display: block;}

	.about{padding: 0 20px;}

	.chanpins{padding: 0 20px;}

	.daili{padding: 0 20px;}

	.new{padding: 20px;}

	.about_cp{padding: 20px;}

	.abutleft a{margin: 0 auto 20px;}

	.aboutconer{float: none;width: 100%;margin-bottom: 20px;}

	.abutright{float: none;width: 100%;}

	.titleright ul{display: none;}

	.chanpinlist{padding-bottom: 20px;}

	.chanpinlistcon ul li{width: 49%;margin-right: 2%;margin-bottom: 4%;}

	.chanpinlistcon ul li a img{margin-bottom: 15px;}

	.chanpinlistcon ul li:nth-child(2n){margin-right: 0;}

	.cpzhanshi{padding: 0 20px;}

	.cpzhanshicon{padding: 20px 0;}

	.titlecon{margin-bottom: 20px;}

	.cplist ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}

	.dailicon{padding: 20px 0;}

	.dlcon ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}

	.dlbj{height: 100%;}

	.footerleft{display: none;}

	.footeright{display: block;}

	footer{padding: 20px 10px;}

	.footertop{padding-bottom: 20px;}

	.ftalls{float: none;width: 100%;}

	.newleft{width: 100%;float: none;margin-bottom: 20px;}

	.newright{width: 100%;float: none;}

	.netext h5{font-size: 20px;}

	.cplister ul li span{padding: 0 10px;}

	.cplister ul li span strong{font-size: 16px;}

	.qylister ul li{float: none;width: 100%;margin-right: 0;}

	.jslister h4{font-size: 25px;margin-bottom: 20px;}

	.yjzs ul li{float: none;width: 100%;margin-right: 0;}

	.wjxz ul li{padding: 0 15px;height: 58px;line-height: 58px;margin-bottom: 20px;}

	.wjxz ul li span{font-size: 20px;}

	.wjxz ul li i{width: 20px;height: 18px;margin-top: 20px;}

	.gsimg ul li{width: 100%;margin-right: 0;}

	.ldlister ul li{width: 49%;margin-right: 2%;}

	.ldlister ul li:nth-child(2n){margin-right: 0;}

	.xhimg{width: 100%;text-align: center;}

	.xhimg img{display: inline-block;}

	.xhlist ul li{width: 100%;margin-right: 0%;}

	.lxdizhi{margin-left: 0;}

	.cpxscon h4,.qgxscon h4{font-size: 24px;margin-bottom: 25px;}

	.cpxslist ul li{float: none;width: 100%;}

	.qglist ul li{float: none;width: 100%;padding: 25px 20px;}

	.xhkcrighted{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}	

	.fmright{width: 100%;float: none;}

	.fmcon{padding-bottom: 25px;}

	.gsnew ul li p{width: 70%;}

	.gsnew ul li{width: 100%;margin-right: 0;float: none;}

	.lxwmcon{padding: 20px 10px;box-sizing: border-box;}

	.lxconter{display: block;}

	.lxwmleft{padding: 20px;}

}

@media screen and (max-width:375px) {
.qqss{display: block;}
.lxqqss{display:block;}
	

}